<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="zh-CN">
<head>
    <%@include file="/resource/common/resourceLink.rs" %>
    <title>支付宝 - 网上支付 安全快速！</title>
</head>
<style>
    .deposit{
        margin-top: 3%;
    }
    .fastPay{
        padding: 20px 0 0 10px;
        background: #f4f6fd
    }
    .next-step{
        padding: 20px 5px 20px 10px;
        background: #f4f6fd;
        border-top: 1px solid #e6e8f0;
    }
    .mind-events{
        margin-top: 6%;
    }
</style>
<body>
<div>
	<!-- 顶部导航 -->
    <%@ include file="nav.jsp" %>
    <div class="container-fluid">
        <div class="row deposit">
            <div class="col-md-offset-2 col-md-8" style="border: 1px solid lightgray;">
                <div role="tabpanel">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs " role="tablist" style="padding: 5px;">
                        <li role="presentation" class="active">
                            <a href="#balance" role="tab" data-toggle="tab">充值到 <strong>余额</strong></a>
                        </li>
                        <li role="presentation" >
                            <a href="#home" role="tab" data-toggle="tab">充值到 <strong>余额宝</strong></a>
                        </li>
                    </ul>
                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane fade in active" id="balance" >
                            <div class="fastPay">
                                <p><i><strong class="bg-primary">快捷支付</strong> 极速全额赔付</i></p>
                                <div class="radio">
                                    <label>
                                        <input type="radio" name="optionsRadios" id="optionsRadios2" value="CG银行" 
                                        	style="display:inline" required="required">
                                        CG银行
                                    </label>
                                    <span  style="padding-left: 5px; margin-left: 5%;">
                                        <a>选择其他</a>
                                        <span class="caret"></span>
                                    </span>
                                </div>
                            </div>
                            <div style="padding: 20px 0 0 10px;">
                                <p>网上银行： 需跳转银行页面，将不享受免费保障服务   <a>如何购买</a></p>
                                <p>
                                    <a style="margin-left: 5%">选择其他</a>
                                    <span class="caret"></span>
                                </p>
                            </div>
                        </div><!-- /.balance END-->
                        <div role="tabpanel" class="tab-pane fade" id="home" >
                            <p class="text-center bg-info">敬请期待：)</p>
                        </div>
                        <div class="next-step">
                            <a class="btn btn-primary" href='<c:url value="/depositPay.htm" />'>下一步</a>
                        </div>
                    </div><!-- /.tabPanel -->
                </div><!-- /.tabpanel -->
                <div class="mind-events">
                    <p>
                        <p><strong> 充值遇到问题：</strong></p>
                        <p><strong> 1.我还能用信用卡在淘宝购物么？</strong></p>
                        <p>
				                        答：您在带有信用卡小标识的店铺购物，可以直接使用信用卡快捷（含卡通）、网银进行信用卡支付，支付限额为您的卡面额度。
				                        在没有信用卡标识的店铺购物时，您可以使用信用卡快捷（含卡通）、网银进行信用卡支付，月累计支付限额不超过500元。
                            <a>查看使用说明</a>
                        </p>
                        <p><strong>2.没有网上银行，怎么用银行卡充值？ </strong></p>
                        <p>答：储蓄卡用户，请使用储蓄卡快捷支付充值，开通后只需输入支付宝支付密码，即可完成充值。</p>
                        <p><strong> 3.怎样在网上开通储蓄卡快捷支付(含卡通)？</strong></p>
                        <p>答：已支持国内大部分主流银行在线开通。在支付宝填写信息后，根据页面引导在网上银行完成开通。<a>马上开通</a></p>
                    </p>
                </div><!-- /.mind-events  -->
            </div><!-- /.col-md-6 -->
        </div><!-- /.row  -->
    </div>

</div>
</body>
</html>
